<template>
  <div class="erro">
    <div class="tips">
       <span class="icon iconfont icon-icon-test"></span>
    </div>
    <h2 class="txt">您要的页面被外星人劫持了！</h2>
    <div class="tips infot">
       <span class="icon iconfont icon-icon-test2"></span>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      msg: '错误：404！找不到该页面噢!'
    }
  }
}
</script>

<style lang="stylus" scoped>
.erro
  width 100%
  height 100%
  text-align center
.txt 
  font-size 20px
  height 50px
  line-height 50px
  color red
.tips
  font-size 20px
  height  150px
  line-height  150px
  text-align center
  .icon 
      font-size 100px
      color #9e9e9e
.infot 
  height 100px
  line-height 100px
  .icon 
      font-size 40px
      color #9e9e9e
</style>
